<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<title>jQuery Mobile Twitter Bootstrap Theme</title>
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
		<link rel="stylesheet" href="styles/main.css">
  		<script  src="scripts/libs/jquery.js"></script>
  		<script  src="scripts/libs/jquery.mobile-1.3.2.js"></script>
  		<script  src="scripts/main.js"></script>
	    
	</head>
	<body>
		<div data-role="page" data-theme="b">
			<div data-role="header" data-position="inline" data-theme="b">
				
				<a href="#menulateral" class=" ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-b" data-icon="bars" data-iconpos="notext" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="b" title="Navigation">
					<span class="ui-btn-inner">
						<span class="ui-icon ui-icon-bars ui-icon-shadow">&nbsp;</span>
					</span>
				</a>

				<h1 class="left-h1">App do Aluno - Horarios</h1>

			</div>

			<div data-role="content" data-theme="b">

				<!-- Begin demo markup -->
                <ul data-role="listview"  >
                	<li data-role="list-divider" style="text-align:center;">
                		<a href="#ui-page-top" data-iconpos="left" class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-b">
                			<span class="ui-btn-inner">
                				<span class="ui-icon ui-icon-arrow-l ui-icon-shadow">&nbsp;</span>
                			</span>
                		</a>
                		Quar, 30 de Outubro, 2013 
                		<a href="#ui-page-top" data-iconpos="right" class="ui-btn-left ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-notext ui-btn-up-b">
                			<span class="ui-btn-inner">
                				<span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span>
                			</span>
                		</a>
                	</li>

                	<li data-theme="c">
				        <span class="ui-hor-left">9:00</span>
				        <a href="nota-lpt1.html">
					        <h2>LPT1 - Linguagem de Programação</h2>
					        <p>Des. de Software</p>
					    </a>
				    </li>
				    <li data-theme="c">
				        <span class="ui-hor-left">9:30</span>
				        <a href="#">
					        <h2>&nbsp;</h2>
					        <p>&nbsp;</p>
					    </a>
				    </li>
				    <li data-theme="c">
				        <span class="ui-hor-left">10:00</span>
				        <a href="#">
					        <h2>AS4 - Analise de Sistema</h2>
					        <p>Des. de Software</p>
					    </a>
				    </li>
				    <li data-theme="c">
				        <span class="ui-hor-left">10:30</span>
				        <a href="#">
					        <h2>AS4 - Analise de Sistema</h2>
					        <p>Des. de Software</p>
					    </a>
				    </li>
				    <li data-theme="c">
				        <span class="ui-hor-left">11:00</span>
				        <a href="#">
					        <h2>&nbsp;</h2>
					        <p>&nbsp;</p>
					    </a>
				    </li>
				    <li data-theme="c">
				        <span class="ui-hor-left">11:30</span>
				        <a href="#">
					        <h2>IT03 - Inglês tecnico</h2>
					        <p>Des. de Software</p>
					    </a>
				    </li>
				    <li data-theme="c">
				        <span class="ui-hor-left">12:00</span>
				        <a href="#">
					        <h2>IT03 - Inglês tecnico</h2>
					        <p>Des. de Software</p>
					    </a>
				    </li>

                </ul>
            	<!-- End demo markup -->
			</div>
			
			<!-- menu lateral -->
			<div data-role="panel" id="menulateral" data-position="left" data-theme="a" data-position-fixed="true" data-display="overlay">
				<nav >
		            <ul data-role="listview" data-inset="true" data-filter="false">
						<li><a href="principal.html">Principal</a></li>
						<li><a href="#">Notas e Frequencias</a></li>
						<li><a href="horario.html">Horarios</a></li>
						<li><a href="#">Perfil do Aluno</a></li>
					</ul>
		        </nav>

		        <a href="index.html" data-role="button" data-rel="close" data-theme="b" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b">
		        	<span class="ui-btn-inner">
		        		<span class="ui-btn-text">Fechar</span>
		        	</span>
		        </a>
			</div>
			<!-- menu lateral -->

		</div>

	</body>
</html>
